Чертане с цикли 



50РШАКЕ иШУЕК51ТУ 

Р011М0АТ10М 



СофтУни 

трейнърски екип 

Софтуерен университет 
НЦр://$оКит.Ье 


Чертане на фигурки на конзолата 



Рисуване 

с Чиклн 






Съдържание 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


1. Вложени цикли 

2. Създаване на текст, съдържащ 
определен брой еднакви символи 

3. Чертане на фигури 

■ С вложени 1ог-цикли 

■ С .гереа1() 

4. Уеб приложение за визуализация на 
рейтинг 
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Вложени цикли 



Вложени цикли 

■ Цикъл съдържащ в себе си друг цикъл 



50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


Двата цикъла итерират различни променливи 


Пример: външен цикъл (по гом) и вътрешен цикъл (по со1) 



1е± ге5и1* = 

■Рог (уаг гои = 1; гои <= п; гои 


Тялото на външния 
цикъл се повтаря п пъти 


} 


■Рог (уаг со! = 1; со! <= ш; со!++) { 


} 

гезиГЬ += 




( „__ 

.. 

соп5о!е.1о§(ге5и1Т); 

шлсми па вофешник цикол 

се повтаря п * т пъти 

^ У 
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■—I А Г\ 4 л _/О\-50РШАКЕ 1Ш1УЕК51ТУ 

Правоъгълник от 10 х 10 звездички роцмратюм 

■ Да се начертае на конзолата правоъгълник от 10 х 10 звездички: 


1 е 1 гезиГЬ = 

■Рог ( 1 е 1 1 = 0 ; 1 < 10; 1 ++) { 

■Рог ( 1 е-Ь з = 0; з < 10; ^++) { 
гезиГЬ += 

> 

соп 5 о 1 е. 1 о§(ге 5 иН:); 

Ш СЛРгодгат П1е5\пс^ф\по^е.еке — П X 

яА л я^д яРл, яРд яРд яРд яА 

'V -#Ц- #Ц. -#Ц- -#4 

и.® я яАя я^ я яЗж яЗж яРя яРл шЗ , 
*% *% ** #1 

яЗя тЗл жЗя яРл. яРд шЗл шЗл яА 

нП- *Ч». *Ч 

яАя яАя тЗл яЗж яЗж тЗл яАя лЗ 

чРЦ. *л -г 

тЗл тЗл яАя яАя яРд яРя дАл яА 

дАл яАя яРл яАд дАл яРл яРд лЗ, 

+Ь ** *Ч 

лАя яАя дАа дАл яАя яРл дАл я>. 

н1Ц- #ЧК 'ЧЬ *ЧН *\ 'Ч 

шЗл шЗя тЗл шЗл шЗя яРд яАя я! 

*\ 4ГЦ. #ч 

. Ля Ля 

► л 

ш Ля Ля 

I- *\ 

. Ля Ля 

V #Ц- 

. Ля Ля 
н +\ *\ 

ш Ля Ля 
н 

. Ля Ля 
н +\ +\ 

ш Ля Ля 
н 

. Ля Ля 
н +\ +\ 

яРд яРд тЗл яРд яАя дАл яРд дАд яРд яЗ д 

-#Н- 

шЗ я шЗя яЗя яРд. шЗя дАд дАд Д^я лАя дАд 

'V -#Ц. ** 

Ргезз апу кеу го согггтие... 

V 

гезиГЬ = 

} 




Тестване на решението: 1Шр$://|ис1Ее.5оГЩт.Ье/Соп1:е5{:5/Ргасйсе/1пс1ех/155#0 
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Правоъгълник от N х N звездички 


* 




50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


Да се начертае на конзолата правоъгълник от N х N звездички: 


■РипсПоп гесТап§1е( [аг§1]) { 

1е! п = МитЬег(аг§1); 

1е! геаиИ = 

■Рог (Хе! 1 = 0; 1 < п; 1++) { 
Тог (1е! з = 0; ] < п; з++) { 
ге5и1! += 

} 

соп5о1е.1о§(ге5и1!); 
гезиИ: = ; 


С:\Ргодгат РПе5\пю^е]5\.пос1е.ехе 


□ X 


Рге55 апу кеу !о соггстпие 



Тестване на решението: 


://шс1йе.5оРШт.Ьй/Соп1:е51:5/Ргас1:1се/1пс1ех/155#1 






Създаване на текст 

Използване на .гереа^О 








Създаване на текст 



50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


■ Понякога в програмирането ни се налага да създадем текст 
съдържащ определен брой еднакви символи 

■ Рисуване на фигури на кознолата 

■ За целта използваме - .гереа1:(соип1:); 

■ гереа!: - команда за нов текст(низ) 

■ соип1 - дължината на текста 


1е1 гезиИ = .гереа*(10) ; // " ^ ^ 
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4 1 

ля _/О\-50РШАКЕ 1Ш1УЕК51ТУ 

Квадрат от звездички - Ц юцмратюм 

■ Да се начертае на конзолата квадрат от N х N звездички: 


■РипсПоп 5^иа^еО■Р5■Ьа^5([аг§1]) { 
1еТ п = МитЬег(аг§1); 

■Рог (1е1 1 = 0; л. < п; 1++) { 


соп5о1е.1о§("* ".гереа!(п)); 

} 

} 

О С:\Ргодгат РПеДпо^дДпо^е.ехе — □ X 

жАж жА л жА ж жАж жАж . 

гь Л 

жАж жАж жА ж жАж жАж 

*% 

жА ж шЗл ж^ ж жАж ж^ ж 

*\ 

жАж жАж жАж жАж жАж 

#||. #||. 


жАж жАж жАж жАж жАж 

+ К *\ **■ *\ 

Ргез5 апу кеу то соггмпие... 


Тестване на решението: 1Шр$://|ис1Ее.50^Щт.Ье/Соп1:е5{:5/Ргасйсе/1пс1ех/155#2 
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" 4 1 

Триъгълник ОТ долари - условие^^^^ роцмЬатюм 

■ Да се начертае триъгълник от долари с размер п 


п = 5 


* 


$ 




$ 

$ 



$ 

$ 

$ 


$ 

$ 

$ 

$ 

$ 

$ 

$ 

$ $ 


п 

= 

4 

* 

$ 



$ 

$ 


$ 

$ 

$ 

$ 

$ 

$ $ 


п = 2 


* 



Тестване на решението: 1Шр$://|ис1Ее.50^Щт.Ье/Соп1:е5{:5/Ргасйсе/1пс1ех/155#3 
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—— \ / 

т _ /0\- 50РШАКЕ 1Ш1УЕК51ТУ 

Триъгълник от долари - решение ^^оумодтюм 


!ипс!з.оп !гз.ап§1е(Ж>о11аг5([аг§1]) { 
Хе! п = МитЬег(аг§1); 

■Рог (1е! гои = 1 ; гои <= п; гом++) { 
соп5о1е.1о§("$ ".гереа!(гом)); 

} 

} 


Тестване на решението: Н1:Ш5://|ис1ее.5оКит.Ье/Соп1:е5{:5/Ргасйсе/1пс1ех/155#3 
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Квадратна рамка - условие 


/^Л-50РШАКЕ 1Ш1УЕК51ТУ 

Ж рошоатюм 


■ Да се начертае на конзолата квадратна рамка с размер п 

п = 4 

* 

+ - - + 


+ - - + 


Тестване на решението: Нир5://|и^Ее.5о1Тит.ЬЕ/Соп1е515/Ргас11се/1пдех/155#4 











Квадратна рамка - решение 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


// Рг\п± {Не {ор гом: + - - - + 
соп$о1е.1о§("+ " + ".гереа*(п-2) + 

■Рог (1еТ гом = 0; гом < п - 2; гом++) 

// ТСЮО: рггп{ {Не тгй гомз: | - - - | 

// Т(ЮО: рггп{ {Не Ьо{{от гом: + - - - + 


Тестване на решението: ЬИр5://|идее.5оКит.Ьй/Соп1:е51:5/Ргас1:1се/1пс1ех/155#4 


13 




\ / 


ГЪ Г* БОРШАКЕ 1Ш1УЕК51ТУ 

Ромбче от звездички - условие ^роумоАпом 

■ Да се начертае ромбче от звездички с размер п 



* * I 
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г> /" _/О\-50р™АКЕ иМ1УЕК51ТУ 

Роллбче от звездички - решение роцмратюм 

// РггпЪ ±Ье иррег о/ ±Ье гЬотЬ 

■Рог (1е1 гом = 1; гои <= п; гом++) { 
соп5о1е.1о§(" ",гереа1:(п-гом) + 

"* и .гереа1(гом) + 

" ". гереа^п-гом)); 

} 

// Т(ЮО: ргхп± 01в 1оиег НаС? о/ ±Ье гНотЬ 


Тестване на решението: Р|Цр$://|ис1ее.5оРШп1.Ье/Соп1:е515/Ргас11се/1пс1ех/155#5 
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Коледна елха 

■ Напишете програма, която въвежда число п (1 < п < 100) и 
печата коледна елха с размер п като в примерите по-долу: 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 



N = 4 


1 

* 

* 

** 

** 

*** 

*** 




N = 

3 

* 

1 

1 * 

** 

| ** 

*** 

| *** 


N = 5 



* 

1 

1 

* 

** 

1 

** 

*** 

1 

*** 


1 

**** 

аДа аТа аДа аТа аДа 

1 




Пращане на решения: ИТТр5://|ис1^е.5оТ1:ип1.Ьа/Соп1:е5Т5/Ргас1:1се/1пс1ех/155#6 
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Коледна елха - решение 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


■РипсПоп сИгз.5'Ьта5Тгее([аг§1]) { 

1е1 п = 1\1итЬег(аг§1); 

■Рог (1е± гом = 0; гои <= п; гом++) { 
соп5о1е.1о8(" ". гереа^п-гом) + 

. гереа^гом) + 

" | " + 

. гереа^гом) + 

" ". гереа^п-гом)); 

} 

} 


* 

1 

1 

* 

** 

1 

** 

*** 

1 

*** 


1 

**** 

^Л^ ^л^ ^л^ ^л^ ^л^ 

1 

^л^ ^л^ ^л^ ^л^ ^л^ 
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\ / 



Чертане на прости фигури 

Работа на живо в клас (лаб) 


Слънчеви очила 


■ Напишете програма, която въвежда цяло число п (3 < п < 100) и 
печата слънчеви очила с размер 5*п х п като в примерите: 



50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


N = 

4 



*//////* 11 

II*//////* 

*//////* 

*//////* 

^Яж ^Яж ^Яж 

ф 1 ф^^ ф^^ ф^^ ф^^ ф^^ 



N = 

3 

ф[^ ф^^ ф^^ 

А^А А^4 4^4 а^а а^а а!а 

ф^^ ф^^ 

*////*! 1 

1 *////* 

^и ^и 

ф& 

^и 

ф^^ ф^^ 


Пращане на решения: НЦр$://|и^ее.5о1 : Щт.Ье/Соп{е5{5/Ргасйсе/1пс1ех/155#7 
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Слънчеви очила - решение (2) 


\ / 


/^Л-50РШАКЕ 1Ш1УЕК51ТУ 

Ж Р01Ж0АТЮМ 


// Рггп± ±Ье тг<М1.е раг± 

■Рог (1е* 1 = 1; 1 <= п - 2; 1 ++) { 
// ТСЮО: мгНе *///////* 

И (1 == Ма^И.-РХоогЦп-!) / 2)) 
гезиИ: += "|".гереа±(п); 
е1зе 

гезиИ: += " ".гереа±(п); 

// ТСЮО: мгНе *///////* 
сопзоХеЛодСгези].*); 
гезиП: = 


аТа жТж аТа аТа аТа 

ф ф ф 

аТа а^а аТа аТа А^А 

ф ф ф ф 

*////*\ 

\*////* 

аТа аХа аХа А^А 

аХа аХа а^а а^а Ла 


> 
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Къщичка - условие 


* 


50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


■ Напишете програма, която въвежда число п 
(2 < п < 100) и печата къщичка с размер пхп: 

N = 4 
_ ** _ 

I ** | 

** 





Пращане на решения: №Щ5://|идйе.50?Шт.Ье/Соп{е5{5/Ргас1:1се/1пс1ех/155#8 
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Диамант - условие 


\ / 

_/О\-50РШАКЕ 1Ш1УЕК51ТУ 

Р01Ш0АТЮМ 


■ Напишете програма, която въвежда цяло число 
п (1 < п < 100) и печата диамант с размер п: 




Пращане на решения: НЦр5://|и^ее.5о1 : Щт.Ье/Соп{е5{5/Ргасйсе/1пс1ех/155#9 
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Диамант - решение 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


1е1: п = МитЬег(аг§1); 

1 -Р (п % 2 == 0) { 

//йгам ±Ье ?\Г 5 ± 

■Рог (1е1 1 = 0; 1 < Ма^Н.-РХоогСп / 2); 1 ++) { 
соп5о1е.1о§( 

.гереа^Ма^Н.-РХоогЦп - 1) / 2) - з.) + 
+ 

.гереа*(2 * з.) + 

.гереаХ:(Ма'ЬИ.-Р1оог((п - 1) / 2) - 1 )); 





Диамант - решение 2 


//йгам ±Ье зесогиЛ 

■Рог (1е1 1 = Ма 111 .-Р 1 оог((п - 
соп5о1е.1о§( 

.гереа - Ь:(Ма'ЬИ.-Р1оог((п 

.гереа*(2 * з.) + 

.гереа - Ь:(Ма'ЬИ.-Р1оог((п 


//Т000: йгам сЧатопс1 ?ог осШ 


^ —■" 4 1 

_/О\-50РШАКЕ 1Ш1УЕК51ТУ 

-- Ш РОЦМРАТЮМ 

1 ) / 2 )- 1 ; 1 >= 0 ; 1 --) { 

- 1 ) / 2 ) - 1 ) + 

- 1 ) / 2 ) - 1 )); 


ча1иез о/ N 








00 






50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


г 

> 

*////////* 

*////////* 

*////////*! | 

1 \*////////* 

*////////* 

*////////* 




Чертане на по-сложни фигури 

Работа на живо в клас (лаб) 





БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 



Чертане на обекти в уеб среда 

Приложение за чертане в браузъра 










\ / 


Визуализация на рейтинг в уеб среда ^^Ьдйой 

■ Да се разработи уеб приложение за визуализация на 
рейтинг (число от 0 до 100) 

■ Чертаят се от 1 до 10 звездички (с половинки) 

■ Звездичките да се генерират с -Рог-цикъл 
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** ** _/О\-50РШАКЕ 1Ш1УЕК51ТУ 

Създаване на уеб приложение^^^ - Ц юцмратюм 
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—- \ / 

__ 50РШАКЕ 1Ш1УЕК51ТУ 

Създаване на начална страница^^^ - Ц юцмЬатюм 


»4 Райпдз - М1 сго5о-р!; VIьи□ I 5-1;исЛо То ? 

РПе ЕЛ* \Леш Рго^с! РеЬид Теат Тоо1е Ти! Апа1уге Не1р 

О ^ т щ] Ц| иР *Р ^ * ► АйасН... - _ 


То ^ Ои1ск ЬаипсИ (С1:г1+Ц) 


Р - П X 

5-|дп т 


2 га4е.|5 


< ЮОСТУРЕ Н-Ьт1> 

-<1г1:т1 1апе="еп" хгт1п5 =" ЬКр: / /щм. цЗ. огр/1999/х111:т1 " > 

-Е < Ьеас! > 

сплела сЬагзе^^и^-Е-в" /> 

<'ЕгЬ1е>Ка11п§5</'Егк1е> 

<5сп1р1: 5гс='Уа1:е . 35 " 1уре="1:ех1:/]ауа5сг , л.р1: , '></5сг1р1:> 

</Меас1> 

ЕКЬос1у> 

<Ь1>Ра1:1п§</Ь1> 

<с11у 1(1= ,, 51:аг5"'></с11у> 

Е <-Ропт> 

<1при1: 1уре="пиглЬег'" т1п= "0” тах="100" ь1:ер=' | 0 .5” 1(1= , 'га11п§"/> 
<1при± 1:уре ="Ьи 1:1:оп" уа1ие=”Ка1:е" опсИск="га1:е() "/> 

</-Еонп> 

</Ьос1у> 

< / М1: т1 > 


5о1ийоп Ехр1огег Т ^ X 

Ой Т © - % & 



Ргорегйез 


□1! Ч* 


- ^ х 


Кеас1у 


1_п 17 


Со13 


сне 


1М5 


I 4 РиЬП&И 


31 







































Създаване на функция 


__ / ^ Л- БОРШАКЕ 1Ш1УЕК51ТУ 

Р01Ш0АТЮМ 


Вайпдь- Мккюой Укиа! 5ШЛо Т| 

П1е ЕбИ )[\&м Рго_|ес1: РеЬид Теат Тоок Тез - !: Апа1уге Не1р 


то & Оикк 1_аипсН (С1;г1+СЙ 


е - й и ^ 9 - 


ОеЬид » I АпуСРи 


► АНасН... ▼ рв _ 


т^ех.Нйп1 


^ тисл.щ-пи 

^ ■■ < д I о Ь а I > » © га1;е0 

- ^ипсПоп га1е( ) { 

1е1 гаНпе = ^оситеп! .Ее^ЕХетеп^ВуТ^^а^хп^ 1 ') . уа1ие; 


1-р (гаНпе > 100} { 

га1:1П§ = 1В0; 


е1ае 1-р (гаНгщ < @) 
гаНгщ = 0; 


1еХ -ЕиНБ^агБСоип!: = Ма^Ь .-Р1оог(паИп^ / 10); 

1еХ епр1уБ^аг.5Соип1: = Ма4Ь .-Р1оог{{100 - га^1п@) /10); 

1еХ йаИ^агБСошгХ = 10 - -РиИВ-ЬагзСоипХ - етр1:у51:ап5Соип1; 

1еХ $1:аг5 = еюситепХ. ^ е - !: Е1 ете п 1: Ву I с1 ( м 51: а г 5 " ); 

1е1 гаХе = ,,м ; 

■Рог (уаг 1 = в; 1 < -ри115Хаг5Соип1:; 1 ++) { 

гаХе += "<1т|* бгс = г . /ша^еБ/^иП-ЕХаг. рп^ ' />” ; 

1 

^ог {уаг 1 = 0; 1 < Ьа1-Р5Хаг5Соип1:; 1 ++) { 

гаХе += м <1т§ 5гс='./1та§е5/Иа1-Р-51аг. рл^ * />"; 

> 

■Рог (уаг 1 = 0; 1 < етр^уБХагБСоигХ; 1++} { 

гаХе += м <1т^ згс=' ./1та§е5/етр1:у-51:аг.рп^ г />"; 

> 

з1аг5.1ппег1Н1ТМ1_ = паХе; 


Р _ П X 

5|дп т 


Бо1и1;10п Ехр1огег ж Ч- X 

© (Й ъ-% 

^еагсН Бо 1 и 1 ; 10 п Ехрюгег (С*г1- ,Р ^ 

51 5о1иИоп 'Р1аЬ|пд5 | (ОргсдесЬ) 
-* й Бвюйоп Негш 
1> Ш 1таде5 
Н] т^ек.Н&п1 
ГГ га1:е.]5 



Бо1и1;10п... Теат Ех... С1а&5 VI 


РгорегИеь 


- Ч- X 


Веа^у 


1_п 17 


Со1 47 


СИ 47 


11М5 


Ф РиЬ1кН 
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Добавяне на картинките 


■ Направете ююег 
"ша^ез" в 
проекта 

■ Копирайте 
картинките със 
звездичките в 
него с сору / раз!:е 



\ / 



50РШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


Бо1и1=10п Бсрюгег 
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Стартиране и тестване 



БОРШАКЕ 1Ш1УЕК51ТУ 

Р01ШАТЮМ 


■ Стартирайте приложението с от тс1ех.Н1:пл1 и го тествайте: 


Гоо _ п х 



X 




О фя 1 

е:/// С:/Р гс^ ес^г/Ме Ь А 

ф р б/ Кай пд 5/1 пс] ех . 1 

Ф, ЕЙ 

+ 

* 


Кайп§ 


54 
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Чертане на рейтинги в уеб 

Работа на живо в клас (лаб) 










Какво научихме днес? 

■ Можем да чертаем фигури с 


■Рог (1е1: г = 0; г < 5; г++) 
гезиИ: += 

■Рог (1е1 с = 1; с < 5; с 
гезиГЬ += " 
соп5о1е.1о§(ге5иГЬ); 
гезиИ: = 


} 


\ / 


* 
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ени -Рог-цикли: 



юор$ 






* 

* 

* 


* 

* 

4 ! 

* 

* 

* 

$ 

4 ; 

* 

$ 

* 

$ 

4 ! 

$ 

$ 

4 ! 

4 ! 

4 ! 
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Чертане с цикли 


^РКА61$Т1С$ 

ОЕ316М / ОЕХ/ЕЮР / ЕХРЕР1Е1ЧСЕ 


с 

Н. IV 1 


Пр° сИ • 


9 2 


I _ Г 


<ШХОРТ 


м 


N Е Т Р Е » К 

интернет-маркетинг для бизнеса 


^5таг11Т 


Котю 

ЗОС1А1_ МЕ01А МАВКЕТ1МС АТ 5СА1.Е 


Х55оГ1;шагв 
















Лиценз 

■ Настоящият курс (слайдове, примери, видео, задачи и др.) 
се разпространяват под свободен лиценз " Сгеа^уе Соттопз 
АШ|Ьи1юп-МопСоттегаа1-5НагеАПке 4.0 1п1егпа1юпаГ 
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Безплатни обучения в СофтУни 

■ Фондация "Софтуерен университет" - зо^ит.оге 

■ Софтуерен университет - качествено образование, 
професия и работа за софтуерни инженери 

■ зоКит.Ье 

■ СофтУни @ РасеЬоок 

■ ^асеЬоокхот/Зо^ууагеЦтуегеИл/ 

■ СофтУни форуми - югит.зо^ит.Ье 




50ГПЛ/АКЕ 

1Л\11УЕК51ТУ 



сш 

РОКУМ 






